page {
  background-color: rgb(240, 242, 245);
  height: 100%;
}

.goods-detail {
  height: 100%;

  .banner {
    width: 100%;
    height: 740rpx;
  }

  .profile {
    padding-top: 20rpx;
    background-color: white;

    .profile-padding-warp {
      padding: 0 30rpx;
    }

    .price-container {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .price {
        font-size: 52rpx;
        font-weight: 600;
        color: #efce8f;
        line-height: 73rpx;
      }

      .sales {
        font-size: 24rpx;
        font-weight: 500;
        color: #999999;
        line-height: 33rpx;
      }
    }

    .goods-title-container {
      display: flex;
      .goods-title {
        flex: 1;
        padding-top: 20rpx;
        font-size: 34rpx;
        font-weight: 500;
        color: #444444;
        line-height: 48rpx;
        width: 592rpx;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        // border: 1px solid red;
      }

      .goods-share {
        width: 80rpx;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        // border: 1px solid red;
        margin-top: 55rpx;
        .fenxiang {
          width: 37rpx;
          height: 37rpx;
        }
        .fenx {
          width: 52rpx;
          height: 37rpx;
          font-size: 26rpx;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #666666;
          line-height: 37rpx;
        }
      }
    }

    .desc-row-guard {
      padding: 5rpx 0;
    }
  }
  .profiles {
    padding-top: 0;
  }

  .detail {
    .title {
      text-align: center;
      height: 142rpx;
      line-height: 142rpx;
      font-size: 30rpx;
      font-weight: 400;
      color: #444444;
    }

    image {
      width: 100%;
    }
  }

  .scrollview {
    height: calc(100% - 120rpx);
  }

  .sheet-sale-desc {
    display: flex;
    align-items: flex-start;
    margin-bottom: 100rpx;

    view:first-child {
      font-size: 28rpx;
      font-weight: 500;
      color: #efce8f;
      line-height: 40rpx;
      white-space: nowrap;
    }

    view:last-child {
      margin-left: 40rpx;
      font-size: 26rpx;
      font-weight: 400;
      color: #444444;
      line-height: 37rpx;
    }
  }

  .goods-share-container {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    .goods-share-content {
      position: relative;
    }

    // .goods-share-canvas {
    //   position: absolute;
    //   top: -1000000px;
    // }

    .goods-share-toolbar {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;

      background-color: white;
    }

    .goods-share-toolbar-cancel {
      font-size: 30rpx;
      font-weight: 500;
      color: #444444;

      text-align: center;
      height: 100rpx;
      line-height: 100rpx;

      border-top: 1rpx solid #f2f2f2;
    }

    .goods-share-toolbar-items {
      display: flex;
      align-items: center;
    }

    .goods-share-toolbar-item {
      flex: 1;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      height: 150rpx;

      image {
        width: 30rpx;
        height: 30rpx;
        margin-bottom: 10rpx;
      }

      text {
        font-size: 30rpx;
        color: #444444;
      }

      border-right: 1rpx solid #f2f2f2;
    }

    .goods-share-toolbar-item:last-child {
      border-right: none;
    }
  }
}

.pagesCavans {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
  .cavansImage {
    width: 490rpx;
    height: 727rpx;
    background: #ffffff;
    border-radius: 14rpx;
    margin: auto;
    margin-top: 227rpx;
    .cavansImg {
      width: 490rpx;
      height: 727rpx;
      border-radius: 14rpx;
    }
  }
  .cavansBOtom {
    width: 750rpx;
    height: 319rpx;
    background: #ffffff;
    box-shadow: 0px 0px 8rpx 0px rgba(235, 235, 235, 0.5);
    position: fixed;
    bottom: 0;
    .cavansTops {
      width: 100%;
      height: 191rpx;
      display: flex;
      align-items: center;
      justify-content: space-around;
      .topsItms {
        min-width: 112rpx;
        // margin-left: 126rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .icons {
          width: 80rpx;
          height: 80rpx;
        }
        .iconsText {
          min-width: 84rpx;
          height: 28rpx;
          font-size: 24rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #444444;
          line-height: 28rpx;
          margin-top: 14rpx;
        }
      }
    }
    .cavansWith {
      width: 750rpx;
      height: 24rpx;
      background: #f6f6f6;
    }
    .cavanscols {
      width: 100%;
      height: 104rpx;
      font-size: 32rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #444444;
      line-height: 45rpx;
      letter-spacing: 1rpx;
    }
  }
}
button:after {
  border: none;
}
button {
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: 90rpx;
}

// 领取优惠券
.onSaleonSale {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 100000 !important;
  background: rgba(0, 0, 0, 0.4);
  .onsale {
    width: 750rpx;
    height: 846rpx;
    background: #ffffff;
    box-shadow: 0px 0px 8rpx 0px rgba(235, 235, 235, 0.5);
    border-radius: 12rpx;
    position: fixed;
    bottom: 0;
    .saleTop {
      width: 100%;
      height: 104rpx;
      font-size: 30px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #444444;
    }
    .scroc {
      margin-top: 19rpx;
      width: 100%;
      height: 692rpx;
      .items {
        width: 690px;
        height: 176px;
        border-radius: 12px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20rpx;
        .item_left {
          width: 217rpx;
          height: 100%;
          margin-left: 38rpx;
          .let_top {
            width: 146rpx;
            height: 64rpx;
            font-size: 46rpx;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #efce8f;
            line-height: 65rpx;
            margin-top: 38rpx;
            // margin-top: 13rpx;
          }
          .left_botm {
            width: 217rpx;
            height: 39rpx;
            font-size: 28rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #ffffff;
            line-height: 40rpx;
            margin-top: 13rpx;
          }
        }
        .item_mins {
          min-width: 170rpx;
          height: 100%;
          // margin-left: 73rpx;
          font-size: 22rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #ffffff;
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
        .item_rig {
          width: 178rpx;
          height: 100%;
          margin-left: 29rpx;
          display: flex;
          flex-direction: column;
          align-items: center;
          .rig_top {
            width: 126rpx;
            height: 52rpx;
            font-size: 40rpx;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #ffffff;
            line-height: 56rpx;
            margin-top: 44rpx;
          }
          .rig_borm {
            height: 33rpx;
            font-size: 22rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #efce8f;
            line-height: 30rpx;
            margin-top: 32rpx;
          }
        }
      }
      .bgRed {
        background-image: url("http://r.punkyangsheng.com/xcx/img/images/bgIconRed@3x.png");
        background-size: 100% 100%;
      }

      .bgGry {
        background-image: url("http://r.punkyangsheng.com/xcx/img/images/bgIconGry@3x.png");
        background-size: 100% 100%;
      }

      .bgYlows {
        background-image: url("http://r.punkyangsheng.com/xcx/img/images/bgIcon@3x.png");
        background-size: 100% 100%;
      }
    }
  }
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

// 赠品
.present {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000 !important;
  background: rgba(0, 0, 0, 0.4);
  .present-btto {
    width: 750rpx;
    height: 347rpx;
    background: #ffffff;
    border-radius: 12rpx;
    position: fixed;
    bottom: 0;
    .heand {
      width: 100%;
      height: 102rpx;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      .xinaq {
        font-size: 30rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #444444;
      }
      .images {
        width: 23rpx;
        height: 23rpx;
        right: 30rpx;
        position: absolute;
      }
    }
    .items {
      width: 100%;
      height: 225rpx;
      margin-top: 22rpx;
      .itemsTop {
        width: 100%;
        height: 41rpx;
        display: flex;
        .topText1 {
          width: 59rpx;
          height: 41rpx;
          font-size: 28rpx;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #efce8f;
          margin-left: 30rpx;
        }
        .topText2 {
          font-size: 26rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #444444;
          margin-left: 39rpx;
        }
      }
      .Images{
          width: 621rpx;
          height: 122rpx;
          margin-top: 20rpx;
          margin-left: 129rpx;
          .imagest{
              width: 122rpx;
              height: 122rpx;
              margin-right: 20rpx;
            
          }
      }
    }
  }
}
